<html>
<head>
<title>Beer-Factory Login</title>
<style>
.middle {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
</style>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- JQUERY -->
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>


</head>
<body>
	<div class="container">
		<!-------->
		<div id="content">
			<ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
				<li class="active"><a href="#user_login" data-toggle="tab">User
						Login</a></li>
				<li><a href="#sign_up" data-toggle="tab">Sign up</a></li>
				<li><a href="#about" data-toggle="tab">About</a></li>
			</ul>
			<div id="my-tab-content" class="tab-content">
				<div class="tab-pane active" id="user_login">
					<h1>User Login</h1>
					<form class="form-horizontal middle" role="form">
						<div class="form-group">
							<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
							<div class="col-sm-10">
								<input type="email" class="form-control" id="inputEmail3"
									placeholder="Email">
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
							<div class="col-sm-10">
								<input type="password" class="form-control" id="inputPassword3"
									placeholder="Password">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<div class="checkbox">
									<label> <input type="checkbox"> Remember me
									</label>
								</div>
								<a href="#">forgot password</a>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<button type="submit" class="btn btn-default">Sign in</button>
							</div>
						</div>
					</form>
					</br> </br>
					<h2>Submit utan:</h2>
					<hr>
					<h3>Importer</h3>
					<p>Importer, aki behozza a nyersanyagot: belep latja, hogy mit
						kellene hozni, ill. fel tud tolteni doksit, amiben benne van, hogy
						mit hozott</p>
					<a href="importer.html">tovabb</a>
					<hr>
					<h3>Exporter</h3>
					<p>Exporter, aki eladja a kesztermekeket. Ha belep kene latnia
						a megrendeleseket es, hogy melyik milyen stadiumban van, es ha
						valamelyik kesz, akkor eladja. Illetve o is tud letrehozni
						kesztermek megrendelest, mivel o all kapcsolatba az ugyfelekkel,
						tudhatja, hogy kinek mi kell.</p>
					<a href="export-approved-status.html">tovabb</a>
					<hr>
					<h3>Leader</h3>
					<p>Leader, aki felugyeli az egesz gyartasi folyamatot,
						kimutatasokat ker. o latja, hogy milyen kesztermek-megrendelesek
						vannak (akar az exporter altal, akar belepett partnerek altal) es
						latja, hogy melyik milyen stadiumban van, ha valamelyikhez szukseg
						van meg nyeranyagra, akkor a leader letrehozza a megfelelo
						nyersnyag megredelest (amit majd az importer lat), ha valamelyik
						kesztermek elkeszult, akkor jovahagyja, eladasra (kivitelre)</p>
					<a href="leader.html">tovabb</a>
					<hr>
					<h3>Worker</h3>
					<p>A Worker az aki osszekoti a raktarban levo nyersanyagot es a
						kesztermek megrendelest, mivel a nyersanyagbol csinal
						kesztermeket, kitudja nyomtatni a receptet, elmegy megcsinalja,
						majd valahogy visszajelez, hogy ezt, meg ezt megcsinaltam, persze
						eleve csak azokat latja, amikhez megvan a nyersanyag, neki nem
						kell foglalkozni a nyersanyag hiannyal.</p>
					<a href="production-support.html">tovabb</a>
					<hr>
					<h3>Production manager</h3>
					<p>Receptek, nyersanyagok es sorok definialasa..</p>
					<a href="recipe-list.html">tovabb</a>
					<hr>
				</div>
				<div class="tab-pane" id="about">
					<h1>Beer Factory</h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
						auctor nulla ac mauris finibus, sed sollicitudin purus bibendum.
						Sed venenatis, massa vel viverra blandit, turpis libero mattis
						neque, quis imperdiet elit massa gravida eros. Duis efficitur
						velit non erat rutrum, eu ornare felis tincidunt. Duis eget
						volutpat lacus. Aenean feugiat posuere quam, in dictum risus
						rutrum dapibus. Donec sodales sodales fermentum. Quisque ac lectus
						ut metus vestibulum congue elementum in orci. Aliquam erat
						volutpat. Fusce vitae euismod mi. Vestibulum enim massa,
						condimentum sit amet congue consequat, elementum fermentum elit.</p>
				</div>
				<div class="tab-pane" id="sign_up">
					<div class="row">
						<div class="col-md-8">
							<form role="form">
								<div class="form-group">
									<label for="exampleInputName">Full Name</label> <input
										type="text" class="form-control" id="exampleInputName"
										placeholder="Enter your name">
								</div>
								<div class="form-group">
									<label for="exampleInputEmail1">Email address</label> <input
										type="email" class="form-control" id="exampleInputEmail1"
										placeholder="Enter email">
								</div>
								<div class="form-group">
									<label for="exampleInputPassword1">Password</label> <input
										type="password" class="form-control"
										id="exampleInputPassword1" placeholder="Password">
								</div>
								<div class="form-group">
									<label for="exampleInputPassword2">Password</label> <input
										type="password" class="form-control"
										id="exampleInputPassword12" placeholder="Password again">
								</div>
								<div class="checkbox">
									<label> <input type="checkbox"> License?
									</label>
								</div>
								<button type="submit" class="btn btn-default">Submit</button>
							</form>
						</div>
						<div class="col-md-4">
							<h1>Create your #BeerFactory account</h1>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
								Nam auctor nulla ac mauris finibus, sed sollicitudin purus
								bibendum. Sed venenatis, massa vel viverra blandit, turpis
								libero mattis neque, quis imperdiet elit massa gravida eros.
								Duis efficitur velit non erat rutrum, eu ornare felis tincidunt.
								Duis eget volutpat lacus. Aenean feugiat posuere quam, in dictum
								risus rutrum dapibus. Donec sodales sodales fermentum. Quisque
								ac lectus ut metus vestibulum congue elementum in orci. Aliquam
								erat volutpat. Fusce vitae euismod mi. Vestibulum enim massa,
								condimentum sit amet congue consequat, elementum fermentum elit.
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$('#tabs').tab();
			});
		</script>
	</div>
	<!-- container -->

</body>
</html>
<script
	src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.js"></script>